<link rel="preconnect" href="https://use.typekit.net" />
<link rel="dns-prefetch" href="https://use.typekit.net" />
<!-- For Adobe Clean font support -->
<link rel="stylesheet" href="https://use.typekit.net/evk7lzt.css" />

<!-- Use this to test Adobe Clean UX support (SpectrumCSS dependency) -->
<!-- NOTE: you'll need to rebuild storybook to test this locally.
    <link rel="stylesheet" href="https://use.typekit.net/yfg6hha.css" />
    -->
<style>
    body {
        margin: 0;
    }
    /* @TODO: Implement more default storybook styling here using spectrum theme variables */
    #root-theme {
        overflow-x: hidden;
        display: block;
        padding: 8px;
        box-sizing: border-box;
        width: 100%;
        min-height: 100vh;
        background-color: var(--spectrum-gray-100);
        color: var(--spectrum-body-color);
    }
    .sbdocs-preview #root-theme {
        width: 100%;
        min-height: 200px;
    }
    /* Style only the Docs page */
    .sbdocs-preview sp-story-decorator::part(container) {
        min-height: 100px;
    }
</style>
